<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>齐重后台管理系统</title>
<link rel=stylesheet type=text/css
	href="<%=request.getContextPath()%>/resources/css/backstage/main.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resources/css/admin/main.css"/>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/resources/uploadify/uploadify.css" />
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/js/core/jquery.cms.core.js"></script>
<script type="text/javascript" charset="utf-8"
	src="<%=request.getContextPath()%>/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
	src="<%=request.getContextPath()%>/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="<%=request.getContextPath()%>/resources/js/admin/videoAdd.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/dwr/interface/dwrService.js"></script>
<style>
body {
	margin: 0;
	padding: 0;
	position: relative;
}

a {
	text-decoration: none;
	color: #666666;
	line-height: 30px;
}

.bfont {
	color: white;
	margin-left: 15px;
	width: 50px;
	height: 30px;
	background-color: #888888;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 20px;
	margin-top: 10px;
}

span {
	white-space: nowrap;
}

.proNameText {
	outline: none;
	height: 70px;
	border-radius: 5px;
	padding: 10px;
	resize: none;
}

a:HOVER {
	color: orange;
}

td {
	text-align: center;
	border-radius: 5px;
	background-color: silver;
}

.complete {
	position: fixed;
	height: 20px;
	width: 40px;
	background-color: #888888;
	padding: 10px;
	border-radius: 5px;
	height: 20px;
	cursor: pointer;
	color: white;
	height: 20px;
	margin-left: 200px;
	top:150px;
}

.con-mes {
	width: 300px;
	height: 100px;
	background-color: silver;
	border-radius: 5px;
	position: fixed;
	opacity: 0.8;
	top: 30%;
	left: 40%;
	display: none;
	z-index: 9999;
	padding-top: 50px;
}

#con-mes,#del-mes {
	width: 60px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	float: left;
	cursor: pointer;
	margin-top: 40px;
}

#con-mes {
	background-color: green;
}

#del-mes {
	background-color: #222222;
	margin-left: 80px;
	position: absolute;
}

.cover {
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: absolute;
	display: none;
}
</style>
</head>
<body>
<div id="container">
		<jsp:include page="/jsp/admin/top.jsp"></jsp:include>
	<div class="cover"></div>
	<div class="con-mes">
		<center>
			<span id='mes' style="padding-top: 20px; font-size: 18px;"></span>
		</center>
		<div style="margin: 0 auto; width: 150px;">
			<div id="con-mes">确定</div>
			<div id="del-mes">取消</div>
		</div>
	</div>
	<div class="complete">完成</div>
	<center>

		请选择产品的类型： <select class="videoId"
			style="width: 100px; height: 30px; border-radius: 5px;; margin-bottom: 10px; font-size: 13px; outline: none;">
			<c:forEach items="${videoChannel }" var="v">
				<option value="${v.id }">${v.name }</option>
			</c:forEach> 
		</select></br>
		支持的格式：.rtmp，flv，mp4，f4v，m3u3 <input type="hidden" id="ctx" value="<%=request.getContextPath()%>" />
		<input type="hidden" id="sid" value="<%=session.getId()%>" /> <input
			type="file" name="attach" id="attach" /> <input type="button"
			value="上传" id="upload"
			style="background-color: #888888; border-radius: 5px; width: 60px; height: 35px; margin-bottom: 15px; color: white;" />

		<table id="ok_attach" style="border-collapse: collapse">
			<thead>
				<tr id="head" style="">
					<td width=150px;><span>视频封面图片</span></td>
					<td width=100px;><span>视频类型</span></td>
					<td width=100px;><span>视频名称</span></td>
					<td width=700px;><span>视频描述</span></td>
					<td width=100px;><span>操作</span></td>
				</tr>
			</thead>
			<tbody id="tbody">
			</tbody>
		</table>
	</center>

</body>
</html>